<template>
    <div class="message">
        <nav-bar title="消息中心"></nav-bar>
        <div class="message-content">
            <img class="icon-message" src="@/assets/img/message/icon_message.png" alt="">
            <span class="message-text">暂无聊天消息</span>
        </div>
    </div>
</template>


<script setup>

</script>


<style lang="less" scoped>
.message {
    .message-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .icon-message {
            width: 88%;
            margin-top: 100px;
        }

        .message-text {
            font-size: 14px;
            color: #000000;
            margin-top: 5px;
        }
    }
}
</style>